<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册事件两种方式</title>
</head>
<body>
    <!-- 给元素添加事件 称为注册事件或者绑定事件
    传统注册方式    唯一性只能设置一个处理函数后面的会覆盖前面的
     
    方法监听注册事件  addEventListener()  它是一个方法 可以添加多个处理程序 可以依次执行
                     事件监听方式
        eventTarget.addEventListener(type,listener,useCapture) 
    -->

    <button>传统注册事件</button>
    <button>方法监听注册事件</button>
    <button>attachEvent</button>

    <script>
        var btns = document.querySelectorAll('button');
        btns[0].onclick = function(){
            alert('我是你爸爸');
        }
        btns[0].onclick = function(){
            alert('你不是');
        }


        // 事件监听方式
        // eventTarget.addEventListener(type,listener,useCapture)  事件类型是字符串必加引号 而且不带on
        btns[1].addEventListener('click',function(){
            alert('我是你爸爸');
        })
        btns[1].addEventListener('click',function(){
            alert('你不是');
        })

        // attachEvent  ie9以前的版本支持  ie9 以前点击才会有效果
        // btns[2].attachEvent('onclick',function(){
        //     alert(11);

        // })
    </script>
</body>
</html>